﻿@model  KRM.Core.tblPersonal
@{
    ViewBag.Title = "title";
    List<KRM.Core.tblPersonalPosition> employeeDepartment = ViewBag.EmployeeDepartment;
}
<div class="tab-pane active" id="tab_1_1">
<div class="row">
    <div class="col-md-3">
        <ul class="list-group">
            <li class=""><img src="/Upload/avatar/Avatar_Original/@(Model.Image??"avatar-default.jpg")" class="img-responsive" alt=""> 
            </li>
@*            <li class="list-group-item"><a href="#">Projects</a></li>
            <li class="list-group-item"><a href="#">Messages <span>3</span></a></li>
            <li class="list-group-item"><a href="#">Friends</a></li>
            <li class="list-group-item"><a href="#">Settings</a></li>*@
        </ul>
    </div>
    <div class="col-md-9">
        <div class="row" style="font-size: 14px;">
            <div class="col-md-12 profile-info">
                <h1>@Model.FullName</h1>
                <p>Gender : <span>@(Model.Gender==true?"Male":"Female")</span></p>
                <p>EmailAddress :<span> @Model.EmailAddress</span></p>
                <p>Mobile phone : <span>@Model.MobileTelephoneNumber</span></p>
                <p>Home phone: <span>@Model.HomeTelephoneNumber</span></p>
                <ul class="list-inline">
                    <li>
                        <div class="col-md-12 tooltips" style="color: #6b6b6b;font-size: 13px;" data-placement="right" title="" data-original-title="Address">   
                            <i class="icon-map-marker"></i>@Model.Address
                        </div>
                    </li>
                    <li>                        <div class="col-md-12 tooltips" style="color: #6b6b6b;font-size: 13px;" data-placement="right" title="" data-original-title="Date Of Birth">  
                                                    <i class="icon-calendar"></i>@Model.DateOfBirth.ToString("MM/dd/yyyy")   
                                                </div>
                    </li>
                    <li>
                        <div class="col-md-12 tooltips" style="color: #6b6b6b;font-size: 13px;" data-placement="right" title="" data-original-title="Site">     
                            <i class="icon-sitemap"></i> @(Model.Site==null?"":@Model.Site.Name)
                        </div>
                    </li>
                    <li>
                        <div class="col-md-12 tooltips" style="color: #6b6b6b;font-size: 13px;" data-placement="right" title="" data-original-title="Department">                       
                            <i class="icon-briefcase"></i> @(Model.Department==null?"":Model.Department.DepartmentName)
                        </div>
                    </li>
                    <li>
                        <div class="col-md-12 tooltips" style="color: #6b6b6b;font-size: 13px;" data-placement="right" title="" data-original-title="Position">     

                            <i class="icon-star"></i>  @(Model.Position==null?"":Model.Position.Name)
                        </div>
                    </li>
                </ul>
            </div>
            <!--end col-md-8-->
        </div>
        <!--end row-->
        <div class="row" style="padding-top: 25px">
            <div class="col-md-12 tabbable tabbable-custom tabbable-custom-profile">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#tab_1_11" data-toggle="tab">Department  <span class="badge badge-info">@employeeDepartment.Count</span></a></li>
                    <li class=""><a href="#tab_1_22" data-toggle="tab">Next Of Kin  <span class="badge badge-success">@Model.tblNextOfKins.Count</span></a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab_1_11">
                        <div class="portlet-body">
                            <div class="table-responsive">
                                <table class="table table-hover" style="font-size: 14px;">
                                    <thead>
                                        <tr style="color: #636363;font-size: 13px;" >
                                            <th style="text-align: left;"><i class="icon-briefcase"></i> Name</th>
                                            <th style="text-align: left;"><i class="icon-calendar"></i> Date Of Birth</th>
                                            <th style="text-align: left;"><i class="icon-envelope-alt"></i> Email Address</th>
                                            <th style="text-align: left;"><i class="icon-star"></i> Position </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach(var item in employeeDepartment)
                                        {<tr>
                                             <td>@item.tblPersonal.FullName</td>
                                             <td>@item.tblPersonal.DateOfBirth.ToString("MM/dd/yyyy")</td>
                                             <td>@item.tblPersonal.EmailAddress</td>
                                             <td>@item.tblPosition.Name</td>
                                         </tr>}

                                    </tbody>
                                </table>
                                </div>
                            </div>
                    </div>
                    <!--tab-pane-->
                    <div class="tab-pane" id="tab_1_22">
                        <div class="tab-pane active" id="tab_1_1_1">
                            <div class="table-responsive">
                                <table class="table table-hover" style="font-size: 14px;">
                                          <thead>
                                              <tr style="color: #636363;font-size: 13px;" >
                                                  <th style="text-align: left;"><i class="icon-briefcase"></i> Name</th>
                                                  <th style="text-align: left;"><i class="icon-star"></i>Relationship To Employee</th>
                                                  <th style="text-align: left;"><i class="icon-envelope-alt"></i> Email Address</th>
                                                  <th style="text-align: left;"><i class="glyphicon glyphicon-earphone"></i> Mobile Phone </th>
                                              </tr>
                                          </thead>
                                          <tbody>
                                              @foreach(var item in Model.tblNextOfKins)
                                              {<tr>
                                                   <td>@item.FullName</td>
                                                   <td>@item.RelationshipToEmployee</td>
                                                   <td>@item.tblPersonal.EmailAddress</td>
                                                   <td>@item.MobileTelephoneNumber</td>
                                        
                                               </tr>}

                                          </tbody>
                                      </table>
                            </div>
                        </div>
                    </div>

                </div>
                <!--tab-pane-->
            </div>
        </div>
        </div>
        </div>
    </div>


                    